html, body {
    height: 100%;
    -webkit-tap-highlight-color: transparent;

}

body, .page {
    background-color: #FBF9FE;
}

.container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.hd {
    padding: 2em 0;
}
.topnav {background-image:url('');background-size: cover;background-size:100% 100%}
.navbody {width:100%;height:130px;background-color:#999;padding:15px 0; min-width:200px;margin:0 auto; color:#FFF;text-align:center;}
.navbody .imgcircle {width: 76px;height: 76px;margin:auto auto;background-image: url('/public/images/mobile/22.png'); -moz-border-radius: 38px;-webkit-border-radius: 38px;border-radius: 38px;}
.navbody .title {font-size:17px; font-weight:bold;margin-top:5px;}
.navtabbar {display:flex;width:100%;}
.navtabbar:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #BCBAB6;
  color: #BCBAB6;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}
.navbar_item {
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 0;
  text-align: center;
  font-size: 15px;
  -webkit-tap-highlight-color: transparent;
}
.navbar_item:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 15%;
  width: 1px;
  height: 70%;
  border-right: 1px solid #cccccc;
  color: #cccccc;
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  right: -1px;
}
.navbar_item:last-child:after {
  display: none;
}
.green {color:#09bb07}
.brtitle {color:#999;font-size:15px;}
.cardlist .weui_cell_ft {font-size:15px;color:#09bb07}

.topbar {width:100%;height:130px;background-color:#2DBE60;padding:20px;color:#FFF;}
